<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>学生帮官网</title>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="icon" href="img/favicon.ico" mce_href="img/favicon.ico" type="image/x-icon">
	<script src="js/jquery.1.11.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="//cstaticdun.126.net/load.min.js"></script>
</head>
<body>
	<div class="pc" style="display: block;">
		<!--头部导航菜单-->
		<div class="top">
			<div class="top_div">
				<a class="logo" href="index.html"><img src="img/logo.jpg"/></a>
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="javascript:;">校园大使</a></li>
					<li><a href="javascript:;">联系我们</a></li>
				</ul>
			</div>
		</div>
		<div class="main dis_block">
			<!--顶部海报-->
			<div class="banner">
				<div class="banner_bg banner_bg1"></div>
				<div class="banner_bg banner_bg2"></div>
				<div class="banner_bg banner_bg3"></div>
				<div class="banner_bg banner_bg4"></div>
				<div class="banner_bg banner_bg5"></div>
				<div class="banner_content">
					<div class="banner_character"><img src="img/banner_character.png" style="z-index: 3;"/></div>
					<div class="banner_android_app">
						<img src="img/banner_android_app.png" style="z-index: 3;"/>
						<div class="banner_qr_code">
							<p>扫描下载APP</p>
							<img src="img/banner_qr_code.jpg"/>
						</div>
					</div>
					<div class="banner_ios_app"><img src="img/banner_ios_app.png"/></div>
				</div>
			</div>
			
			<!--四大特色-->
			<div class="feature">
				<div class="feature_div">
					<img class="feature_img" src="img/feature_ipone.jpg"/>
					<div class="feature_title">
						<div class="feature_border"></div>
						<p>学生帮app</p>
						<p>四大特色</p>
					</div>
					<div class="feature_content">
						<div style="margin-right: 25px;">
							<img src="img/feature_icon1.png" style="width: 31px;"/>
							<p>轻松的线上实习</p>
							<p>担心没有实习经验？期待好玩又简单的工作？抓住学生帮给你带来的机会，只要一台能上网的手机就能开始。</p>
						</div>
						<div>
							<img src="img/feature_icon2.png" style="width: 30px;" />
							<p>工作、生活、娱乐于一体 </p>
							<p>在娱乐中工作，在游戏中获得实际收入，互动中获得更多的生活资讯，让你凡事都快人一步。</p>
						</div>
						<div style="margin-top: 93px;margin-right: 25px;">
							<img src="img/feature_icon3.png" style="width: 35px;margin-top: 2px;" />
							<p>游戏名企对接 </p>
							<p>与网易、百度、腾讯等优质品牌厂牌合作，给同学一个良好的实习体验。</p>
						</div>
						<div style="margin-top: 93px;">
							<img src="img/feature_icon4.png" style="width: 20px;margin-left: 8px; margin-right: 16px;" />
							<p>任务丰富，奖励多样</p>
							<p>丰富有趣的工作任务，可视化的升级机制，种类繁多的奖金和折扣。</p>
						</div>
					</div>
				</div>
			</div>
			
			<!--校园大使-->
			<div class="ambassador" id="ambassador">
				<div class="ambassador_div">
					<div class="ambassador_bg1"></div>
					<div class="ambassador_bg2"></div>
					<div class="ambassador_bg3"></div>
					<div class="ambassador_main">
						<div>
							<p>学生帮app</p>
							<p>校园大使</p>
							<p>热烈招募中</p>
							<p>懂你所要，创你所想，我们需要有激情，有追求的人，赶紧加入我们吧！</p>
							<a id="sign_up" href="javascript:;">立即报名</a>
						</div>
					</div>
				</div>
			</div>
		
			<!--大使收获-->
			<div class="harvest">
				<div class="harvest_main">
					<div style="margin-right: 62px;">
						<img src="img/harvest_icon1.png"/>
						<p>大使薪酬 </p>
						<p>必有保障，因能力而异 </p>
					</div>
					<div style="margin-right: 62px;">
						<img src="img/harvest_icon2.png" style="width: 19px;margin: 2px 18px 0 12px;"/>
						<p>实习证明 </p>
						<p>表现优秀，达到一定标准；</p>
					</div>
					<div>
						<img src="img/harvest_icon3.png" style="margin-top: 2px;"/>
						<p>荣誉评比 </p>
						<p>“校园大使”年度评比，颁发 相应荣誉证明和奖励；</p>
					</div>
					<div style="margin-right: 62px;margin-top: 40px;">
						<img src="img/feature_icon4.png" style="margin: 2px 16px 0 12px;"/>
						<p>晋升机制</p>
						<p>校园大使→校园CEO→市场推 广专员→市场主管； </p>
					</div>
					<div style="margin-right: 62px;margin-top: 40px;">
						<img src="img/harvest_icon5.png" style="margin-top: 6px;"/>
						<p>丰富经验 </p>
						<p>专业的线上指导和培训，丰富的 校园活动实践经历。</p>
					</div>
					<div style="margin-top: 22px;position: relative;">
						<img src="img/harvest_icon6.png" style="width: 300px;"/>
						<p class="elchee_harvest">大使收获</p>
					</div>
				</div>
			</div>
			
			<!--大使职责-->
			<div class="responsibility">
				<div class="responsibility_bg">
					<div class="responsibility_main">
						<div class="responsibility_title">大使职责</div>
						<div class="responsibility_border"></div>
						<div class="res_con">
							<div style="margin-left: 30px;">
								<img src="img/res_con_icon1.png" />
								<p>活动推广和拓展</p>
								<p>推广和拓展活动的设计、执行，让更 多人了解和使用“学生帮”。</p>
							</div>
							<div style="margin-left: 36px;">
								<img src="img/res_con_icon2.png" />
								<p>团队招募以及维护</p>
								<p>团队的组建和管理，促进校内的社团合作。 </p>
							</div>
							<div style="margin-left: 30px;">
								<img src="img/res_con_icon3.png" />
								<p>沟通桥梁 </p>
								<p>收集和综合学生和学校 的反馈信息，不断提升用户体验。</p>
							</div>
							<div style="margin-left: 30px;">
								<img src="img/res_con_icon4.png" />
								<p>形象维护</p>
								<p>负责维护“学生帮”的校园 形象、传播“学生帮”的文 化理念。 </p>
							</div>
						</div>
					</div>
					
				</div>
			</div>
			
			<!--报名条件-->
			<div class="condition">
				<div class="condition_bg"></div>
				<div class="condition_div">
					<div class="condition_title">大使职责</div>
					<div class="condition_border"></div>
					<div class="condition_con">
						<div style="margin-top: 60px;">
							<img src="img/condition_icon1.png"/>
							<p>对互联网有浓厚兴趣，希望在互联网有发展的在校大学生。</p>
						</div>
						<div style="margin-top: 70px;">
							<img src="img/condition_icon2.png"/>
							<p>性格开朗，热爱交流，有责任心和使命感。</p>
						</div>
						<div style="margin-top: 70px;">
							<img src="img/condition_icon3.png"/>
							<p>有一定的逻辑思维和执行领导能力。 </p>
						</div>
					</div>
				</div>
			</div>
			
			<!--联系我们-->
			<div class="about" id="about">
				<div class="about_main">
					<p class="about_title">联系我们</p>
					<p class="about_describe">我们总是乐于帮助你，请选择最适合你的方式联系我们！ </p>
					<div class="about_address">
						<p style="margin-top: 8px;">总址：上海市闵行区虹井路288号B座703室</p>
						<p>分部：广州市天河区广州信息港方圆E时光西座28楼</p>
						<p>邮编：510000</p>
						<p>电话：+86 13901779476</p>
						<p>&nbsp;</p>
						<p>网址：www.juyouxiao.com</p>
						<p>E-mail：hr@tianchangtech.com</p>
					</div>
					<form id="contact_form" method="post" enctype="multipart/form-data" >
						<div class="form_left">
							<input type="email" id="contact_email" value="" name="contact_email" placeholder="Email"/>
							<input type="text" id="contact_name" value="" name="contact_name" placeholder="姓名" />
							<input type="number" id="contact_number" value="" name="contact_number" placeholder="电话"/>
						</div>
						<div class="form_right">
							<textarea type="text" id="content" value="" placeholder="内容(最多200字)" maxlength="200"></textarea>
							<input type="button" id="contact_submit" value="发送" placeholder=""/>
						</div>
					</form>
					
					<div class="toastInfo"><span>提醒</span></div>
				</div>
				<ul class="foot">
					<li><a href="index.html">首页</a></li>
					<li><a href="javascript:;">校园大使</a></li>
					<li><a href="javascript:;">关于我们</a></li>
				</ul>
				<p class="provider">京公网安备11010802023605号</p>
			</div>
		</div>
		
		<!--报名表格-->
		<div class="entry_form dis_none">
			<div class="entry_form_bg_1"></div>
			<div class="entry_form_bg_2"></div>
			<div class="entry_form_bg_3"></div>
			<div class="entry_form_bg_4"></div>
			<div class="entry_form_bg_5"></div>
			<div class="entry_form_bg_6"></div>
			<div class="entry_form_bg_7"></div>
			<div class="entry_form_bg_8"></div>
			<div class="entry_form_bg_9"></div>
			<div class="entry_form_bg_10"></div>
			<div class="entry_form_bg_11"></div>
			<div class="entry_form_bg_12"></div>
			<div class="entry_main">
				<p class="entry_title">基本信息</p>
				<form id="entry_form" method="post" enctype="multipart/form-data">
					<div class="message">
						<div class="div_margin_bottom">
							<label for="name">姓名</label>
							<input type="text" id="name" name="name" value="" />
						</div>
						<div class="div_margin_left div_margin_bottom">
							<label for="university">学校</label>
							<input type="text" id="university" name="university" value="" />
						</div>
						<div class="div_margin_left div_margin_bottom">
							<label for="major">专业</label>
							<input type="text" id="major" name="major" value="" />
						</div>
						<div class=" div_margin_bottom">
							<label for="enrollment_date">入学日期</label>
							<input type="text" id="enrollment_date" value="" placeholder="2025-09-01" name="enrollment_date" />
						</div>
						<div class="div_margin_left div_margin_bottom" style="">
							<label for="job" style="font-size: 20px;line-height: 22px; float: left;">校内担任<br />职务</label>
							<input type="text" id="job" value="" name="job" style="margin-left: 14px;"/>
						</div>
						<div class="div_margin_left div_margin_bottom" id="gender">
							<span class="div_gender">性别</span>
							<input class="radio radio1" type="radio" name="gender" id="gender_man1" value="0" />
							<label for="gender_man" class="gender_label" style="">男</label>
							<input class="radio radio1" type="radio" name="gender" id="gender_woman1" value="1" />
							<label for="gender_woman" class="gender_label" style="">女</label>
						</div>
						<div>
							<label for="mobile">手机号</label>
							<input type="number" id="mobile" value="" name="mobile" />
						</div>
						<div class="div_margin_left">
							<label for="qq">QQ</label>
							<input type="number" id="qq" value="" name="qq" />
						</div>
						<div class="div_margin_left">
							<label for="email">邮箱</label>
							<input type="email" id="email" name="email" value="" />
						</div>
					</div>
					<label for="address" class="address_title" >个人通讯地址</label><input class="address" type="text" name="address" id="address" value="" />
					
					<p class="entry_main_title" style="">Q&amp;A</p>
					
					<p class="content_title">1.通过何种方式获得学生帮app校园大使招聘信息？</p>
					<textarea name="which" id="which" placeholder="简答，输入你的答案"></textarea>
					
					<p class="content_title">2.为什么想要加入学生帮app校园大使？</p>
					<textarea name="why" id="why" placeholder="简答，输入你的答案"></textarea>
					
					<p class="content_title">3.认为自己能入选校园大使的优势是什么？</p>
					<textarea name="superiority" id="superiority" placeholder="简答，输入你的答案"></textarea>
					
					<p class="content_title">4.如果入选校园大使，会用哪些方法促使团队达成学生帮app的推广？</p>
					<textarea name="how" id="how" placeholder="简答，输入你的答案"></textarea>
					
					<p class="content_title">5.你对学生帮app的个人理解和建议？</p>
					<textarea name="advice" id="advice" placeholder="简答，输入你的答案"></textarea>
					
					<input type="button" id="entry_submit" value="提交"/>
				</form>
				<div class="pop_up_prompts"><span>提醒</span></div>
			</div>
		</div>
		
		<!--点击回到顶部-->
		<a id="com_d" style="display: none;"></a>
	</div>
	
	<div class="mobile" style="display: none;">
		<!--头部导航菜单-->
		<div class="top">
			<a class="logo" href="index.html"><img src="img/logo.jpg"/></a>
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="javascript:;" id="roll_1">校园大使</a></li>
				<li><a href="javascript:;" id="roll_2">联系我们</a></li>
			</ul>
		</div>
		<div class="main dis_block">
			<!--顶部海报-->
			<div class="banner">
				<img class="img_bg" src="img/mobile_2_1.jpg"/>
				<img class="img_bg" src="img/mobile_2_2.jpg"/>
				<img class="img_bg" src="img/mobile_2_3.jpg"/>
				<div class="banner_and"></div>
				<div class="erweima">
					<p>扫描下载APP</p>
					<img src="img/banner_qr_code.jpg"/>
				</div>
			</div>
			
			<!--四大特色-->
			<div class="feature">
				<img class="img_bg" src="img/mobile_3_1.jpg"/>
				<img class="img_bg" src="img/mobile_3_2.jpg"/>
				<img class="img_bg" src="img/mobile_3_3.png"/>
			</div>
			
			<!--校园大使-->
			<div class="ambassador">
				<img class="img_bg" src="img/mobile_4_1.jpg"/>
				<img class="img_bg" src="img/mobile_4_2.jpg"/>
				<img class="img_bg" src="img/mobile_4_3.jpg"/>
				<a class="sign_up" href="javascript:;"></a>
			</div>
			
			<!--大使收获-->
			<div class="harvest">
				<img class="img_bg" src="img/mobile_5_1.png"/>
				<img class="img_bg" src="img/mobile_5_2.png"/>
				<img class="img_bg" src="img/mobile_5_3.png"/>
			</div>
			
			<!--大使职责-->
			<div class="responsibility">
				<img class="img_bg" src="img/mobile_6_1.jpg"/>
				<img class="img_bg" src="img/mobile_6_2.png"/>
				<img class="img_bg" src="img/mobile_6_3.png"/>
			</div>
			
			<!--报名条件-->
			<div class="condition">
				<img class="img_bg" src="img/mobile_7_1.png"/>
				<img class="img_bg" src="img/mobile_7_2.png"/>
				<img class="img_bg" src="img/mobile_7_3.jpg"/>
			</div>
			
			<!--联系我们-->
			<div class="about">
				<div class="about_main">
					<p class="about_title">联系我们</p>
					<p class="about_describe">我们总是乐于帮助你，请选择最适合你的方式联系我们！ </p>
					<form id="contact_form" method="post" enctype="multipart/form-data" >
						<input type="email" id="contact_email" value="" name="contact_email" placeholder="Email"/>
						<input type="text" id="contact_name" value="" name="contact_name" placeholder="姓名" />
						<input type="number" id="contact_number" value="" name="contact_number" placeholder="电话"/>
						<textarea type="text" id="content" name="content" value="" placeholder="内容(最多200字)" maxlength="200"></textarea>
						<input type="button" class="contact_submit" value="发送" placeholder=""/>
						
						<div class="toastInfo"><span>提醒</span></div>
					</form>
					
					<div class="about_address">
						<p>总址：上海市闵行区虹井路288号B座703室</p>
						<p>分部：广州市天河区广州信息港方圆E时光西座28楼</p>
						<p>邮编：510000</p>
						<p>电话：+86 13901779476</p>
						<p>网址：www.juyouxiao.com</p>
						<p>E-mail：hr@tianchangtech.com</p>
					</div>
				</div>
				<ul class="foot">
					<li><a href="index.html">首页</a></li>
					<li><a href="javascript:;" id="roll_3">校园大使</a></li>
					<li><a href="javascript:;" id="roll_4">关于我们</a></li>
				</ul>
				<p class="provider">京公网安备11010802023605号</p>
			</div>
		</div>
			
		
		<!--报名表格-->
		<div class="application dis_none">
			<img class="application_bg" src="img/application_bg1.jpg"/>
			<img class="application_bg" src="img/application_bg2.jpg"/>
			<img class="application_bg" src="img/application_bg3.jpg"/>
			<img class="application_bg" src="img/application_bg4.jpg"/>
			<img class="application_bg" src="img/application_bg5.jpg"/>
			<img class="application_bg" src="img/application_bg6.jpg"/>
			<img class="application_bg" src="img/application_bg7.jpg"/>
			<img class="application_bg" src="img/application_bg8.jpg"/>
			<img class="application_bg" src="img/application_bg9.jpg"/>
			
			<div class="entry_main">
				<p class="entry_title">基本信息</p>
				<form id="application_form" method="post" enctype="multipart/form-data">
					<div class="message">
						<div>
							<label for="name">姓名</label>
							<input type="text" id="name" name="name" value="" />
						</div>
						<div>
							<label for="university">学校</label>
							<input type="text" id="university" name="university" value="" />
						</div>
						<div>
							<label for="major">专业</label>
							<input type="text" id="major" name="major" value="" />
						</div>
						<div>
							<label for="enrollment_date" style="font-size: 0.7rem;">入学日期</label>
							<input type="text" id="enrollment_date" value="" placeholder="2025-09-01" name="enrollment_date" />
						</div>
						<div>
							<label for="job" style="font-size: 0.7rem;line-height: 1rem;">校内担任<br />职务</label>
							<input type="text" id="job" value="" name="job" />
						</div>
						<div id="gender">
							<span class="div_gender">性别</span>
							<input class="radio radio2" type="radio" name="gender" id="gender_man2" value="0" />
							<label for="gender_man" class="gender_label" style="">男</label>
							<input class="radio radio2" type="radio" name="gender" id="gender_woman2" value="1" />
							<label for="gender_woman" class="gender_label" style="">女</label>
						</div>
						<div>
							<label for="mobile">手机号</label>
							<input type="number" id="mobile" value="" name="mobile" />
						</div>
						<div>
							<label for="qq">QQ</label>
							<input type="number" id="qq" value="" name="qq" />
						</div>
						<div>
							<label for="email">邮箱</label>
							<input type="email" id="email" name="email" value="" />
						</div>
					</div>
					<label for="address" class="address_title" >个人通讯地址：</label>
					<input class="address" type="text" name="address" id="address" value="" />
					
					<p class="entry_main_title" style="">Q&amp;A</p>
					
					<p class="content_title">1.通过何种方式获得学生帮app校园大使招聘信息？</p>
					<textarea name="which" id="which" placeholder="简答，输入你的答案"></textarea>
					
					<p class="content_title">2.为什么想要加入学生帮app校园大使？</p>
					<textarea name="why" id="why" placeholder="简答，输入你的答案"></textarea>
					
					<p class="content_title">3.认为自己能入选校园大使的优势是什么？</p>
					<textarea name="superiority" id="superiority" placeholder="简答，输入你的答案"></textarea>
					
					<p class="content_title">4.如果入选校园大使，会用哪些方法促使团队达成学生帮app的推广？</p>
					<textarea name="how" id="how" placeholder="简答，输入你的答案"></textarea>
					
					<p class="content_title">5.你对学生帮app的个人理解和建议？</p>
					<textarea name="advice" id="advice" placeholder="简答，输入你的答案"></textarea>
					
					<input type="button" id="application_submit" value="提交"/>
				</form>
				<div class="toastInfo"><span>提醒</span></div>
			</div>
		</div>
	</div>

	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var sUserAgent = navigator.userAgent.toLowerCase();
		var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
		var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
		var bIsMidp = sUserAgent.match(/midp/i) == "midp";
		var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
		var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
		var bIsAndroid = sUserAgent.match(/android/i) == "android";
		var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
		var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
		if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM){
			$(".mobile").css("display","block");
			$("html,body").css("max-width","750px");
			$(".pc").css("display","none");
		}
		else{
			$(".pc").css("display","block");
			$("html,body").css("min-width","1158px");
			$(".mobile").css("display","none");
		}
	</script>
</body>
</html>

